<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/wedding.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
</head>

<body>
<div class="header">
    <div class="w">
        <a href=""><img class="logo" src="img/index/logo.png" alt=""></a>
        <!--            移动端-->
        <div class="box">
            <div class="line">

            </div>
            <div class="line">

            </div>
            <div class="line">

            </div>
        </div>
        <!--桌面端-->
        <ul class="nav">
            <li class="nav-item">
                <a href="index.html">首页</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="wedding.html">婚纱礼服</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="Jewelry.html">珠宝配饰</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="latest.html">最新活动</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="about.html">关于我们</a>
                <div class="line"></div>
            </li>
        </ul>

    </div>
</div>

<div class="good">
    <div class="w clearfix">
        <ul class="info-left float">
            <li class="info-left-item"><img src="img/wedding-dress/wedding-dress1.jpg" alt=""></li>
            <li class="info-left-item"><img src="img/wedding-dress/wedding-dress2.jpg" alt=""></li>
            <li class="info-left-item">
                <p class="desc">
                    这薄纱在皇家纱婚纱由著名思想Martina Liana的首席创意官，Martine Harris，有一个身影奉承捻胸衣和传统教堂的
                    火车。大胆的钻石水晶点缀的领口，上背部和腰部。背部拉链。选择从石头和象牙薄纱在香槟皇家纱，象牙薄纱在皇
                    家象牙白色纱纱，或皇家白色的薄纱。
                </p>
                <p class="desc">尺码：&nbsp;&nbsp;s / m</p>
                <p class="desc">颜色：&nbsp;&nbsp;白色</p>
            </li>
        </ul>
        <div class="line float"></div>
        <div class="info-right float">
            <div class="desc">
                <div class="desc-top clearfix">
                    <h2 class="title">一字肩拖尾主纱</h2>
                    <h3 class="kind">HER STYLE</h3>
                    <p class="price">$5389.00</p>
                    <p class="size">白色 / M / VK2531</p>
                </div>
                <div class="desc-bottom clearfix">
                    <p>浅色象牙白缎面婚纱，手工镶嵌金色和银色Chantilly蕾丝，背面
                        饰有镂空的华丽。</p>
                    <a href="#" class="button">立即预约</a>
                    <div class="box"></div>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="new">
    <div class="w">
        <div class="title clearfix">
            <a href="#">新品/NEW</a>
            <a href="#">往季</a>
        </div>
        <div class="swiper-container">
            <ul class="new-list swiper-wrapper clearfix">
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>
                <li class="new-item swiper-slide">
                    <a href="#">
                        <img src="img/wedding-dress/new1.jpg" alt="">
                    </a>
                </li>

            </ul>
            <div class="swiper-pagination">

            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>

        </div>
    </div>

</div>


<div class="footer">
    <div class="w clearfix">
        <ul class="footer-l">
            <li class="footer-l-item">网站备案号：豫ICP备110121210号</li>
            <li class="footer-l-item">增值电信业务经营许可证号：豫B2-20100033</li>
        </ul>
        <ul class="footer-r clearfix">
            <li class="footer-r-item">
                <img src="img/wedding-dress/商标.png" alt="">
            </li>
            <li class="footer-r-item">
                <a href="#">2018 VERONICA</a>
            </li>
            <li class="footer-r-item">
                <a href="#">联系我们</a>
            </li>
            <li class="footer-r-item">
                <a href="#">加入我们</a>
            </li>
        </ul>

    </div>
</div>

<!--<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>-->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/common.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 30,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },// 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

    });
</script>
</body>

</html>